MARKETPLACE
PLUGINS
MORPHER | ANIME JS
Morpher | Anime JS logo

Morpher | Anime JS

Published December 2024
   •    Updated June 2025

Plugin details

Plugin Elements

1 . Pulse Sphere

This is a custom pre-built animated from the anime js homepage component with color and size customization available. just drop in the element and you are good to go

2. Morpher
The Morpher enables custom animations for SVGs within HTML elements using IDs in the format morph-{style}-loop.

How It Works:
Add your custom SVGs within a Bubble HTML element.
Assign an ID following the pattern: morph-{animationStyle}-loop (e.g., morph-expand-loop).
The plugin automatically detects and animates the SVG.

Customization Options:
Animation Styles: Add your preferred morphing styles.
Loop Settings: Enable or disable looping animations.

$20

One time  •  Or  $4/mo

stars   •   0 ratings
5 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

Instructions Adding Elements:

Drag and drop the desired animation element from the plugin panel onto your Bubble page.
Customization:

Using the Morpher:

Insert an HTML element in your Bubble app.
Add your custom SVG code inside the HTML element.
Assign an ID following the format: morph-{style}-loop.
The animation will be applied automatically based on the ID's style.
Previewing Animations:

Use the Bubble preview mode to see your animations in action.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Image   •   Media   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble